<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/style-apply-before.css">
</head>

<body>
    <div class="main">
    	<img src="images/apply-before-0.png" alt="" id="show_pictures">
    </div>
    <div class="footer">
        <div id="times_wrap" class="time_num">
            距离开课还剩
            <div class="time_w">
                <b id="times_d" class="time"></b>天
                <b id="times_h" class="time"></b>小时
                <b id="times_m" class="time"></b>分
                <b id="times_s" class="time"></b>秒
            </div>
        </div>
        <div class="operating-button">
            <input type="button" value="分享课程，免费听" class="share-btn" id="share-btn">
            <input type="button" value="￥9.9 购买课程" class="buy-btn" id="buy-btn">
        </div>
    </div>
    <!-- 弹窗 -->
    <div class="share-masking" id="share-masking">
        <img src="./images/apply-before-share.png" alt="">
    </div>
</body>
</html>
<script src="js/rem.js"></script>
<script src="js/appllication.js"></script>
<script>
function $(id) {
	return document.getElementById(id);
}
var show_pictures = $("show_pictures");
show_pictures.addEventListener('touchmove', function(event) {
	event.preventDefault();
})
</script>